<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>楼盘相册</title>
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 这meta的作用就是删除默认的苹果工具栏和菜单栏允许全屏模式浏览-->
    <meta name="apple-touch-fullscreen" content="yes"><!-- 开启对web app程序的支持  -->
    <meta content="telephone=no,email=no" name="format-detection"><!-- iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！telephone=no就忽略页面中的数字识别为电话号码 ,email=no 忽略识别邮箱 -->
    <!--base css-->
    <link rel="stylesheet" href="CSS/reset.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <link rel="stylesheet" href="FONT/iconfont.css"/>
    <!--base css end-->
    <!--base js-->
    <!--<meta content="yes" name="apple-mobile-web-app-capable">-->
    <script>
        window.scrollTo(0, 0);
    </script>
    <!--<meta content="yes" name="apple-mobile-web-app-capable"> end-->
    <script src="JS/reset.js"></script>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/zepto.min.js"></script>
    <script src="JS/TouchSlide.js"></script>
    <script src="JS/notice.js"></script>
    <script src="JS/screen.js"></script>
    <script src="JS/back.js"></script>
    <!--base js end-->
    <!--no css-->
    <link rel="stylesheet" href="CSS/zhli.css"/>
    <link rel="stylesheet" href="CSS/swiper.min.css"/>
    <!--no css end-->
    <!--no js-->
    <script src="JS/swiper.min.js"></script>
    <script type="text/javascript" src="JS/xiangceheight.js"></script>
    <!--no js end-->
    <!--no css-->
    <style>
        .slides_container li a{
            color: #fff;
            font-size: 0.375rem;
            width: 19%;
        }
        .zhui-navac .active{
            color: #f40000;
            font-weight: bold;
        }
        .page-ms{
            position:relative;
            background: none;
        }
    </style>



    <!--no css end-->

</head>
<body>
<!--wapper-->
<div class="wapper">
    <!--header-->
    <div class="header">
        <div class="header-list bag-1462c4">
            <div class="p-l-25 p-r-25 relative text-center f33">
                <a href="javascript:history.go(-1)" class="block"><i class="icon iconfont f-b">&#xe643;</i></a>
                <a href="{:U('Index/member')}" class="home"><i class="icon iconfont">&#xe661;</i></a>
                <a href="javascript:;" class="text-fff">楼盘相册</a>
            </div>
        </div>
    </div>
    <!--header end-->
    <!--content-->
    <div class="content">
        <div class="zhuli">
            <!--list-->
            <div class="zhul-nav">
                <div class="gun" style="width:100%;">
                    <div  class="zhui-navac">
                        <ul class="slides_container swiper-wrapper">
                            <!-- 顶部栏目 -->
                            <li class="swiper-slide swiper-slide-visible">
                      {volist name="type" id="data" offset="0" length='5'}                               
                                <a href="javascript:;" target="_blank">{$data.name}</a>
                              {/volist}
                            </li>
                              <!-- 多出部分进行循环 -->
                            <li class="swiper-slide swiper-slide-visible">
                       {volist name="type" id="data" offset="5" length='10'}                               
                                <a href="javascript:;" target="_blank">{$data.name}</a>
                              {/volist}
                            </li>                              
                              <!-- 多出部分进行循环 -->
                        </ul>

                    </div>
                </div>

                <ul class="neir m-t-15 m-b-15">
                    <li class="active">
                        <!--slide-->
                        <div class="lslide">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">

                                <!-- 视频 -->
                               {volist name="video" id="data"}
                                    <div class="swiper-slide relative">
                                        
                                            <img src="UPLOADS/{$data.cimg}" alt=""/>
                                <!-- 视频播放按钮 -->
                                            <span class="xcabs">
                                                <a href="{:U('Index/video',array('id'=>$data['id']))}">
                                                <img src="images/vid-p2.png" alt=""/>
                                                </a>
                                            </span>
                                <!--视频播放按钮 END-->
                                        
                                    </div>
                                {/volist}                                      
                                <!-- 视频 END-->
                                </div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                                <!-- Add Arrows -->
                            </div>
                        </div>
                        <!--slide end-->

                    </li>


                    <li class="pro">
                        <!--slide-->
                        <div class="lslide">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <!-- 效果图 -->
                                    {volist name="drawing" id="data"}
                                    <div class="swiper-slide"><img src="UPLOADS/{$data.logo}" alt=""/></div>
                                    {/volist}
                                     <!-- 效果图 -->
                                </div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                                <!-- Add Arrows -->
                            </div>
                        </div>
                        <!--slide end-->

                    </li>
                    <li class="pro">
                        <!--slide-->
                        <div class="lslide">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <!-- 样板图 -->
                                    {volist name="model" id="data"}
                                    <div class="swiper-slide"><img src="UPLOADS/{$data.logo}" alt=""/></div>
                                    {/volist}

                                </div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                                <!-- Add Arrows -->
                            </div>
                        </div>
                        <!--slide end-->

                    </li>
                    <li class="pro">
                        <!--slide-->
                        <div class="lslide">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <!-- 实景图 -->
                                    {volist name="map" id="data"}
                                    <div class="swiper-slide"><img src="UPLOADS/{$data.logo}" alt=""/></div>
                                    {/volist}
                                </div>
                                <!-- Add Pagination -->
                                <div class="swiper-pagination"></div>
                                <!-- Add Arrows -->
                            </div>
                        </div>
                        <!--slide end-->

                    </li>
                    <li class="pro">
                        <!--slide-->
                        <div class="lslide">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                      <!--  户型图 -->
                                    {volist name="layout" id="data"}
                                    <div class="swiper-slide"><img src="UPLOADS/{$data.logo}" alt=""/></div>
                                    {/volist}
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>
                    </li>
                        <script>
                            var swiper = new Swiper('.swiper-container', {
                                pagination: '.swiper-pagination',
                                paginationType: 'fraction'
                            });
                        </script>
                
                </ul>
            </div>
            <script>

                var mySwiper2 = new Swiper('.zhui-navac', {
                    pagination: false,
                    paginationClickable: true,
                });

                //tab切换
                window.onload = function() {
                    var a=$(".zhui-navac a");
                    var b=$(".neir>li");
                    var c='active';
                    tab(a,b,c);
                };
                function tab(a,b,c){
                    var len=$(a);
                    len.bind("click",function(){
                        var index = 0;
                        $(this).addClass(c).siblings().removeClass(c);
                        index = len.index(this);
                        $(b).eq(index).show().siblings().hide();
                        return false;
                    }).eq(0).trigger("click");
                }




            </script>

            <!--一元秒杀-->
        {if condition="$have neq 0"}
        <div class="page-ms p-l-25 p-r-25">
            <a href="{:U('Index/seckill',array('id'=>$_GET['id']))}">
                <i class="icon iconfont">&#xe615;</i> 一元秒杀房款券
            </a>            
            <a href="{:U('Index/yueche')}"><span class="cheimg"></span> 约车看房</a>
        </div>
        {else/}
        <div class="page-ms p-l-25 p-r-25">
        <a href="{:U('Index/yueche')}" style="width:100%;"><span class="cheimg" ></span> 约车看房</a>
        </div>  
         {/if}
            <!--一元秒杀 end-->


            <!--list end-->



        </div>

    </div>

    <!--content end-->
    <!--返回顶部-->
    <a href="#" id="scrollUp" style="position: fixed; z-index: 10;">
        <i class="icon iconfont">&#xe60c;</i>
    </a>
    <!--返回顶部-->


</div>
<!--wapper end-->
</body>
</html>